/* 
    Created on : 31/08/2014, 03:28:14 PM
    Author     : Luis Ballena
*/

html, body {
    height:100%;
    margin: 0;
    padding: 0;
    border: 0;
}

#table {
    width:100%;
    height: 500px;
    position:absolute;
    display:table;
}
#table .cell {
    display:table-cell;
    vertical-align:middle;
    width:100%;
    height:100%;
}

#table .cell .center{
    width: 50%;
    margin: 0 auto;
}

@media only screen and (min-height: 601px) and (max-height: 800px){
    .table {
        width:100%;
        height: 500px;
        position:absolute;
        display:table;
    }
    
}